@charset "utf-8";



.web{
	width: 1366px;
	height: 3893px;
	
	
	//头部
	header{
		
		
		.top{
			width: 100%;
			height: 40px;
			background-color: #212121;
			display: flex;
			
			.img{
				height: 23px;
				width: 85px;
				display: flex;
				justify-content: space-between;
				margin-left: 184px;
				margin-top: 10px;
				align-items: flex-end;
			}
			p{
				color: #bbbbbb;
				font-size: 12px;
				margin-left: 745px;
				margin-top: 20px;
			}
			
		}
		nav{
			// margin-bottom: 0;
			
			.con{
				
				
				
				.middle{
					display: flex;
					background-color: #FFFFFF;
					height: 100px;
					width: 100%;
					align-items: flex-end;
					padding-left: 276px;
					img{
						margin-right: 95px;
					}
					li{
						
						margin-right: 58px;
						font-size: 14px;
						a{
							text-decoration: none;
							color: #000000;
						}
					}
				}
				.logo{
					width: 60px;
					height: 100%;
					margin-right: 103px;
					padding-top: 5px;
				}
				
			}
				
		
		}
		.end{
			width: 1366px;
				height: 474px;
				// top: 0;
				// left: 0;
				margin-top: 14px;
				
				position: relative;
				// transform: translate(-50%,-50%);
				// padding-top: 28.1%;
				overflow: hidden;
				ul{
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					font-size: 0;
					white-space: nowrap;
					transition: all 1s;
					li{
						display: inline-block;
						width: 100%;
						
						img{
							width: 100%;
						}
					}
				}
				
				.arrow{
					width: 10%;
					height: 100%;
					position: absolute;
					top: 0;
					font-size: 20px;
					text-align: center;
					display: flex;
					justify-content: center;
					align-items: center;
					transition: all .8s;
					cursor: pointer;
				}
				.left_arrow{
					left: 0;
					background: linear-gradient(90deg,gray,transparent);
					transform: translateX(-100%) ;
				}
				.right_arrow{
					right: 0;
					background: linear-gradient(90deg,transparent,gray);
					transform: translateX(100%) ;
				}
				&:hover .arrow{
					transform: translateX(0) ;
					font-size: 60px;
				}
				
				&:hover ol{
					bottom: 10%;
				}
				
				ol{
					position: absolute;
					left: 50%;
					bottom: -10%;
					transform: translateX(-50%);
					font-size: 0;
					transition: all .5s;
					li{
						width: 12px;
						height: 12px;
						margin: 0 4px;
						background-color: orange;
						border-radius: 50%;
						display: inline-block;
						&:hover,&.active{
							background-color: #FF0000;
						}
					}
				}
				
				
			}
		
	
	}
	
	
	
	
	
	//中部
	.section{
		height: 74.6%;
		width: 73.1%;
		margin-top: 20px;
		margin-left: 183px;
		.positi{
			width: 100%;
			height: 21px;
			display: flex;
			
			align-items: center;
			
			.zi{
				width: 113px;
				font-size: 16px;
				color: #000000;
				border-bottom: 1px solid #000000;
				text-align: center;
				font-weight: bold;
			}
			.two{
				background-color: #000000;
				width: 887px;;
				font-size: 14px;
				color: #ffffff;
			}
		}
		
		
		
		.second{
			height: 493px;
			display: flex;
			margin-top: 92px;
			.h1{
				margin-left: 121px;
				width: 345px;
			}
			.h1_right{
				margin-left: 87px;
				h2{
					font-size: 48px;
					color: #323232;
					margin-top: 127px;
				}
				h3{
					font-size: 18px;
					margin-top: 32px;
					font-weight: bold;
				}
				h4{
					font-size: 14px;
					color: #3c3c3c;
					margin-top: 19px;
				}
				h5{
					font-size: 18px;
					color: #3a3a3a;
					margin-top: 38px;
					font-weight: bold;
				}
				p{
					font-size: 14px;
					color: #515151;
					margin-top: 10px;
					margin-bottom: 23px;
				}
				a{
					font-size: 16px;
					color: #757575;
					
				}
				.write{
					width: 64px;
					height: 1px;
					border-bottom: 1px solid #d0d0d0;
					margin-top: 5px;
				}
			}
			
			
			
		}
		
		
		.three{
			height: 216px;
			margin-top: 75px;
			margin-left: 90px;
			display: flex;
			.left{
				width: 425px;
				h2{
					font-size: 28px;
					font-weight: bold;
				}
				p{
					font-size: 14px;
					margin-top: 31px;
				}	
			}
			
			.right{
				margin-left: 38px;
				h2{
					font-size: 18px;
					font-weight: bold;
				}
				.on{
					width: 153px;
					height: 1px;
					border-bottom: 1px solid #bfbfbf;
					margin-top: 9px;
					margin-bottom: 11px;
				}
				h3{
					font-size: 14px;
					color: #454545;
					margin-bottom: 5px;
				}
				h4{
					font-size: 14px;
					color: #454545;
					margin-bottom: 23px;
				}
				p{
					color: #3a3a3a;
					font-size: 14px;
					margin-top: 11px;
				}
				.os{
					color: #a8a8a8;
					margin-top: 2px;
				}
				.one{
					display: flex;
					margin-top: 20px;
					.xis{
						color: #3a3a3a;
					}
					.xix{
						color: #a8a8a8;
						margin-top: 2px;
					}
					.xi{
						width: 58px;
						
					}
					.zi{
						margin-left: 47px;
					}
				}
				
			}
			
		}
		
		
		
		.craft{
			font-size: 28px;
			margin-left: 90px;
			margin-top: 55px;
		}
		
		
		.pho{
			width: 819px;
			height: 427px;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			margin-top: 27px;
			margin-left: 90px;
			img{
				width: 271px;
				height: 212px;
			}
			.chunk{
				width: 271px;
				height: 212px;
				border: 1px solid #e7e7e7;
				background-color: #e7e7e7;
				text-align: center;
				padding-top: 82px;
				
			}
		}
		
		
		
		.detall{
			font-size: 28px;
			margin-left: 90px;
			margin-top: 71px;
		}
		
		.tu{
			margin-top: 42px;
		}
		.zn{
			width: 450px;
			height: 60px;
			margin-top: 42px;
			margin-left: 172px;
			text-align: center;
			line-height: 23px;
			font-weight: bold;
		}
		
		.en{
			height: 319px;
			margin-left: 99px;
			margin-top: 130px;
			display: flex;
			.ens{
				width: 360px;
				height: 110px;
				margin-top: 53px;
				text-align: center;
				
				h3{
					font-size: 18px;
					font-weight: bold;
				}
				p{
					font-weight: bold;
					margin-top: 30px;
				}
			}
			
			.enn{
				width: 366px;
				text-align: center;
				margin-left: 22px;
			}
			
			
			
			
		}
		
		
		.else{
			font-size: 28px;
			margin-top: 78px;
			margin-left: 90px;
		}
		
		
		.finally{
			height: 258px;
			margin-top: 40px;
			display: flex;
			.ones{
				line-height: 290px;
				margin-left: 59px;
				cursor: pointer;
			}
			.twos{
				width: 820px;
				display: flex;
				justify-content: space-between;
				margin-left: 9px;
			}
			.ss{
				line-height: 290px;
				margin-left: 9px;
				cursor: pointer;
			}
			
		}
		
		
		
		.wirst{
			width: 75px;
			height: 3px;
			border: 1px solid #959595;
			margin-top: 7px;
			margin-left: 361px;
			background-color: #959595;
		}
		
		.hh{
			font-size: 14px;
			margin-top: 6px;
			margin-left: 287px;
		}
		
		
	}
	
	
	
	
	
	//尾部
	.footer{
		width: 73%;
		height: 286px;
		background: url(../首页图片/手表index23_10.jpg);
		margin-top: 48px;
		margin-left: 183px;
		.sale{
			width: 774px;
			// height: 165px;
			padding-top: 41px;
			margin-left: 111px;
			display: flex;
			justify-content: space-between;
			.hos{
				width: 200px;
				h3{
					font-size: 14px;
					color: #dcdcdc;
				}
				p{
					width: 200px;
					height: 1px;
					border-bottom: 1px solid #dbdbea;
					padding-top: 7px;
					margin-bottom: 11px;
				}
				li{
					font-size: 12px;
					
					margin-bottom: 18px;
					
				}
				a{
					color: #dcdcdc;
					text-decoration: none;
				}
			}
			
	
			
		}
		
		.sp{
			height: 16px;
			display: flex;
			margin-left: 88px;
			padding-top: 22px;
			p{
				font-size: 14px;
				color: #dcdcdc;
				margin-right: 40px;
			}
		}
	}
	
	
	
}